@media ( max-width : 960px) {
    .pb0{ padding-bottom: 0!important;}
    .mb15{ margin-bottom: 10px!important;}
    
    .f60{ font-size: 30px;}
    .f40{ font-size: 26px;}
    .f36{ font-size: 24px;}
    .f30{ font-size: 22px;}
    .f24,.f22,.f20{ font-size: 18px;}
    .f18{ font-size: 16px; }
    .f16{ font-size: 14px;}
    .f14{ font-size: 13px;}

    .uk-margin-medium-bottom{ margin-bottom:20px!important;}
    .uk-margin-large-bottom{ margin-bottom:30px!important; }

    .uk-offcanvas-bar{ background: #fff; }
    .uk-offcanvas-bar .uk-close{ color:#000; }
    .uk-offcanvas-bar .uk-nav-default>li>a{ color:#222; }
    .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover{ color:#222;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{ color:#222!important;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover{ color:#000!important;}
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid #ebebeb; }
    #offcanvas-push .uk-nav>li>a{ line-height: 40px; padding:5px 10px; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px;}
    #offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}


    
    .header{ min-height: 60px; height: auto; padding:0 10px; }
    .header .uk-logo img{ max-height: 40px; }
    .header .mnav { min-height: 60px; }
    .header .mnav .uk-button{ border:0; color:#5b97b2; width:36px; height: 36px; padding:4px; border-radius: 50%; }
    .header .mnav .uk-button svg{display: block;}


    /* .mlan a{ background:#dedede; color:#333; padding:0px 20px; min-width:50px;}
    .mlan a:hover,.mlan a.cur{ background: #5b97b2; color:#fff; } */


    .title{ margin-bottom:20px; }
    .title a::before, .title a::after{ width:60px; top:21px; }
    .title a::before{ left: -70px; }
    .title a::after{ right:-70px;}


    .ipart1{ padding:20px 10px;}
    .ipart1 .icons{ padding:0; flex-wrap: wrap; margin-left:-10px; }
    .ipart1 .icons>div{ padding-left:10px; }
    .ipart1 .uk-panel>.uk-position-relative{ width:100px; height: 115px; margin-left:auto; margin-right:auto; background-size: cover; }
    .ipart1 .uk-grid-large>.uk-grid-margin{ margin-top:0; }

    .ipart2{ padding:20px 10px;}
    .ipart2 .uk-grid{ margin-left:-10px; }
    .ipart2 .uk-grid>div{ padding-left:10px; }
    .ipart2 .uk-grid>.uk-grid-margin{ margin-top:10px; }
    .ipart2 .uk-inline-clip .uk-position-bottom{ line-height: 36px; }
    .ipart2 .uk-inline-clip .uk-position-cover{ padding:10px;}
    .ipart2 .uk-inline-clip .uk-position-cover>div{ border-width: 5px;}
    .ipart2 .f60{ font-size:40px; }

    .ipart3{ padding:20px 10px 30px;}
    .ipart3 .mnewpro>li{ width:100%; }
    .ipart3 .mnewpro>.uk-grid-margin{ margin-top:15px; }
    .ipart3 .mnewpro .tit{ height: 50px; line-height: 50px; padding:0 20px; background: #f2f2f2; transition: all ease 0.3s;}
    .ipart3 .mnewpro>li:hover .tit{ background: #5b97b2; color:#fff; }


    .ipart4{ padding:30px 10px 40px; }
    .ipart4 .uk-grid{ margin-left:-10px;}
    .ipart4 .uk-grid-small>*{ padding-left:10px; }
    .ipart4 .box{ padding:5px 10px; }
    .ipart4 .box .tit{ min-height: 38px; }



    .footer { padding:0; }
    .footer .fottel{ border-bottom:1px solid #4a4a4a; padding:15px 0;}

    .tBody{ padding:20px 15px 60px; border:0; min-height: 280px;}
    .uk-margin-small .title1{ margin-bottom:0px; }

    .tBody .content{ font-size: 14px; line-height: 1.8; }


    .mban{ position: relative; z-index: 2;}

    .intit{ margin:0 60px; position: relative; border-bottom:1px solid #e9e9e9; height: 51px; }
    .intit>span{ display: inline-block; padding:0 10px; height: 52px; border-bottom:3px solid #5b97b2; color:#5b97b2; line-height: 44px; }



    /*产品*/
    .proinfo{ margin:-45px -15px 20px; padding:20px 25px;}
    .productlist li .bd{ padding:10px 15px; }
    .productlist li .bd .text-blue{ font-size:14px; margin-bottom:5px; }
    .productlist li .fd{ padding:10px 15px; }
    .productlist li .fd img{ width:40px; height: 40px; }
    .productlist li .fd .ml5{ font-size:14px; }
    .productlist .uk-grid>.uk-grid-margin{ margin-top:15px; }

    .proTbody{ padding-bottom:0; }

    .product h1.mb40{ margin-bottom:20px!important; }
    .product .pic{ margin-bottom:0; }
    .product .pinfos .uk-width-2-3\@s { padding:10px 15px;}
    .product .pinfos .uk-width-2-3\@s .uk-child-width-1-2 >div{  font-size:14px;  }
    .product .pinfos .uk-width-1-3\@s{ padding:10px 15px;}
    .product .pinfos .uk-width-1-3\@s img{ width:40px; height: 40px; }
    .product .pinfos .uk-width-1-3\@s .ml5{ font-size:14px; }
    .product .intro .tit{ height: 43px; line-height: 40px; }
    .product .intro .tit span{ height: 43px; }
    .product .intro .uk-grid>.uk-grid-margin { margin-top: 20px; }
    
    .lesson{ margin-top:30px; margin-left:-15px; margin-right:-15px; padding:15px 20px; }



    /*下载*/
    .downlist li{ height: auto; margin-bottom: 15px; background: #f8f8f8; border:1px solid #f8f8f8!important; padding:5px 10px; line-height: 40px; }
    .downlist .uk-width-expand{ width:100%; flex: auto; border-bottom:1px dashed #ebebeb;}
    .downlist .uk-width-1-6,.downlist .uk-width-auto{ width:50%;}
    .downlist .uk-width-1-6{ padding-left:16px; }
    .downlist .uk-width-auto{ text-align: right;}

    /*合作伙伴*/
    .partner li>.wrap{ padding:10px; }
    .partner li>.wrap .pic{ height: 60px;}
    .partner li>.wrap .pic img{ max-height: 60px; }


    /*简介*/


    /*文化*/
    .culture .info{ padding:20px; margin-bottom:40px; }
    .culture .info .uk-grid >div:first-child{ margin-bottom:20px; }
    .culture .icos .f36{ width:120px; height: 138px; line-height: 138px; }
    .culture .icos .desc{ padding:10px; margin-bottom:40px; font-size:14px; }



    /*团队*/
    .humlist dl{ padding-bottom:30px; margin-bottom: 30px; }
    .humlist dt{ padding-bottom:25px; font-size:20px; }
    .humlist dt::before{ bottom:15px; height: 2px; width:60px; }
    .humlist dd{ font-size:14px; }

    /*相册案例*/
    .caselist ul li{ margin-bottom: 50px; }
    .caselist ul li .name{ height: 40px; line-height: 40px; border-radius: 10px;}

    /*加入*/
    .joblist li{ padding:10px; margin-bottom:15px; }
    .joblist li .tit{ padding:5px 15px; }
    .joblist li .ctn{ padding:10px; }

    .joinus{ padding:25px 15px; font-size:14px; }

    /*新闻*/
    /* .newslist ul{ margin-top:0px ;}
    .newslist ul li{ padding: 15px 0;}
    .newslist li .pic{ margin-right:20px; }
    .newslist li .pic .img{  width:120px;}
    .newslist li .con{ padding:0; }
    .newslist li .con .f14{ line-height: 1.4;}
    .newslist li .con .f18{ margin-bottom:5px; } */
    .newslist ul{ padding-top:0px; border:0; }
    .newslist ul li{ padding:0; background: #fff; border:0; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom: 15px; }
    .newslist ul li .uk-grid{ margin-left:0;}
    .newslist ul li .uk-grid>div{ padding-left:0; width: 100%;}
    .newslist li .pic{ margin-left: 0; order:0;}
    .newslist li .pic .img{ width: 100%;}
    .newslist li .con{ padding:13px 0 0 80px!important; height: 64px;}
    .newslist li .con .f24{ line-height: 1.6; margin-bottom: 0; font-size: 15px;-webkit-line-clamp:2; display:-webkit-box;-webkit-box-orient:vertical; white-space:pre-wrap; }
    .newslist li .desc{ display: none; }
    .newslist li .date{ position: absolute; left: 0; bottom:3px; width:60px!important; padding:0; margin:0;}
    .newslist li .date .f80{ font-size: 30px;  }
    .newslist li .date .f20{ font-size: 14px; }
    .newslist li .date::before{ width:1px; height:40px; background: #e5e5e5; position: absolute; left: auto; top:10px; right:-7px; }
    .newslist li:hover::before{ display: none;} 


    /*发展历程*/
    .history ul{ padding-top:50px; }
    .history ul li{ min-height: 100px; }
    .history ul li .year{ width:60px; height: 60px; line-height: 54px; margin-left: -30px; border-width:3px; font-size: 20px;}
    .history ul li .year::before{ display: none;}
    .history ul li .wrap{ padding-top:10px; }
    .history ul li:nth-child(odd) .wrap{ padding-left:45px; }
    .history ul li:nth-child(even) .wrap{ padding-right:45px; }

    /*业务范围*/
    .business{ justify-content:space-around; flex-wrap: wrap; padding-top:20px; }
    .business>div{ width:150px; }
    .business .uk-panel{ padding:5px; margin-bottom:30px; }
    .business .uk-panel .ico{ height: 140px; }
    .business .uk-panel .con{ padding:20px 5px; }
    .business .uk-panel::after{ border-left-width:75px; border-right-width:75px; }


    /*联系我们*/    
    .contact{ padding:10px 0 50px; }
    .contact .f18{ font-size:14px; }
    #amap{ height: 280px; min-height: 280px; margin-left:-15px; margin-right: -15px; margin-top:0px; }


    .msgtit{ margin:10px;}
    .msgtit .iconfont{ width:70px; height: 70px; line-height: 70px;}
    .message .box .uk-grid>*{ margin-bottom: 15px;}

    .message .uk-form-horizontal{ margin-left:-15px; margin-right: -15px; }
    .message .box{ padding:20px 15px; }
    .message .uk-form-horizontal .uk-form-label{ top:12px; left: 40px; font-size: 14px;}
    .message .uk-form-horizontal .uk-input{ padding-left:90px; text-align: right; }
    .message .uk-text-right{ display: flex; margin-top:10px; }
    .message .uk-text-right .uk-button{ width:50%; height: 40px; line-height: 38px; border-radius: 0; font-size: 14px;}
    .message .uk-text-right #msg{ margin-left:0; }


    /*lightbox*/
    .lightbox>.uk-grid{ margin-left:-10px; }
    .lightbox li{ padding-left:10px!important; margin-bottom: 10px; }
    .lightbox li>div{ padding:4px; }
    .lightbox li>div .name{ line-height: 40px;}
    
    

    /**FAQ**/
    .faqlist .uk-accordion-title { padding: 20px 0;  position: relative;}
    .faqlist>ul>li{margin-top:0!important;}

    .tBody{ padding-top:10px;}
    .tBody h1.f30{font-size: 20px; padding:0 30px; }
    .share{ display: none; }


    .searchlist li:hover::before{ top:-11px; }
    .searchlist li{ padding-bottom: 10px; margin-bottom: 10px;}

    .pages{ margin-top: 20px; }
    .uk-pagination{ margin-left:0;}

} 


@media ( max-width : 375px) {

}